// https://github.com/youzan/vant/blob/dev/src/style/var.less
@import '../../../../node_modules/vant/lib/index.less';

@red: #E25656;
@blue: #3CBDD0;
@orange: #E28556;

/*****************************标签栏：tabbar********************************/
@tabbar-z-index: 2;

/*****************************搜索栏：search bar********************************/
@search-padding: 0.21333rem 0.42667rem;
@search-input-height: 30px;
@search-content-background-color: #ffffff;

.van-search {
  height: 44px;
}

.van-search .van-cell {
  padding: 3px 8px 3px 0;
}

.van-search__content {
  border-radius: 4px;
}

/*****************************徽标：badge********************************/
@badge-dot-color: @red;
@badge-dot-size: 6px;
@badge-border-width: 0;

/*****************************导航栏：nav-bar********************************/
@nav-bar-height: 44px;
@nav-bar-arrow-size: 20px;
@nav-bar-title-font-size: 18px;

[class*='van-hairline']::after {
  border-color: #E5E5E5;
}

/*****************************单元格：cell********************************/
@cell-horizontal-padding: 16px;
@cell-vertical-padding: 11px;
@cell-text-color: #000000;
@cell-large-vertical-padding: 14px;

.van-cell__title {
  padding-left: 8px;
}

.van-cell--large {
  font-size: 16px;
  .van-cell__value {
    font-size: 14px;
  }
}

.van-cell__title_gray {
  color: #969799;
}

.van-cell__title_red {
  color: @red;
}

.van-cell__title_blue {
  color: #3B99DA;
}

.van-cell__value_black {
  color: #000000;
}

.van-cell__value_blue {
  color: @blue;
}

.van-cell__value_orange {
  color: @orange;
}

.van-cell__border_top {
  border-top: 8px solid #F6F6F6;
}

.van-cell--required::before {
  left: initial;
}

/*****************************按钮：button********************************/
@button-mini-height: 20px;
@button-small-height: 30px;
@button-default-height: 38px;
@button-large-height: 46px;
@button-normal-font-size: 16px;

.van-button--normal,
.van-button--large {
  border-radius: 4px;
}

/*****************************表单：field********************************/
@field-label-color: #000000;
@field-input-text-color: rgba(0, 0, 0, 0.78);


// 右侧箭头图标不需要展示的时候加类名.van-field__right-icon-white
.van-field__right-icon-white .van-field__right-icon {
  color: #ffffff;
}

// 必填项样式
.van-field__label,
.van-field__body {
  padding-left: 8px;
}

.van-field__label--tip {
  color: @red;
}

.van-field__error-message {
  padding-right: 24px;
  padding-left: 8px;
}

// textarea
.van-field__value--textarea,
.van-field__value--textarea-lightgray {
  padding-top: 0;
  padding-bottom: 0;
}

.van-field__value--textarea .van-field__body {
  margin-bottom: 8px;
  padding: 8px 8px 16px;
  background-color: #EDEDED;
  border-radius: 4px;
}

.van-field__value--textarea-lightgray .van-field__body {
  margin-bottom: 8px;
  padding: 8px 8px 16px;
  background-color: #F8F8F8;
  border-radius: 4px;
}

.van-field__value--textarea .van-field__word-limit {
  height: 0;
  position: relative;
  top: -24px;
  left: -8px;
}

// upload
.van-field__value--upload {
  padding-top: 0;
}

// checkbox
.van-checkbox__label__gray .van-checkbox__label {
  color: #969799;
}



/*****************************标签页：tab********************************/
@tab-text-color: #000000;
@tab-active-text-color: @blue;
@tabs-bottom-bar-height: 2px;
@tabs-bottom-bar-color: @blue;

/*****************************面板：collapse********************************/
@collapse-item-content-padding: 0 0;
@collapse-item-content-text-color: #f00;

/*****************************弹窗：dialog********************************/
@dialog-font-size: 18px;
@dialog-message-font-size: 15px;
@dialog-confirm-button-text-color: @blue;
@dialog-has-title-message-text-color: #888888;
@dialog-border-radius: 8px;

/*****************************联级：cascader********************************/
@cascader-active-color: @blue;
@cascader-title-font-size: 20px;

/*****************************上传：uploader********************************/
.van-uploader__preview-masker {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%
}

.van-uploader__preview-delete {
  z-index: 2;
}

.van-uploader__file-name {
  display: none;
}

.van-uploader__input--yellow-large {
  width: 203px;
  height: 113px;
  margin: 0 auto;
  text-align: center;
  border-radius: 6px;
  background: rgba(227, 174, 93, 0.1);
  border: 1px dashed #E2AD5A;

  .upload-image {
    padding-top: 32px;

    img {
      width: 32px;
    }
  }

  .upload-text {
    padding-top: 20px;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.34);
  }
}

.van-uploader__input--yellow-small {
  width: 82px;
  height: 102px;
  text-align: center;
  border-radius: 6px;
  background: rgba(227, 174, 93, 0.1);
  border: 1px dashed #E2AB56;
  color: #E2AB56;

  .upload-image {
    margin-top: 32px;
  }

  .upload-text {
    font-size: 12px;
    line-height: 48px;
  }
}

.van-uploader__input {
  .style {
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 6px;
    border: 1px dashed #cccccc;
    color: rgba(0, 0, 0, 0.34);

    .preview-video {
      width: 100%;
      height: 100%;
    }

    .upload-image {
      img {
        width: 24px;
      }
    }

    .upload-text {
      margin-top: 4px;
      font-size: 12px;
      line-height: 0;
    }
  }

  &--content {
    width: 100%;

    &.active {
      color: @blue;
    }
  }

  &--white {
    width: 80px;
    height: 80px;
    .style
  }

  &--white-small {
    width: 110px;
    height: 80px;
    .style
  }
}

/*****************************空状态：empty********************************/
.van-empty__image {
  width: auto;
  height: auto;
}

/*****************************弹出层：popup********************************/
.van-popup__close-icon--top-center {
  top: 16px;
  left: 50%;
}

/*****************************轮播 swipe********************************/
@swipe-indicator-active-background-color: #D82D23;
